.right-slider {
  min-width: 300px;
  max-width: 300px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #0c1a21 0%, #192c38 100%);
  &-special {
    padding: 12px 12px 16px;
    border-bottom: 1px solid #000;
    &-title {
      font-weight: 700;
      font-size: 14px;
      color: #ccc;
      margin-bottom: 4px;
    }
    &-text {
      font-weight: 400;
      font-size: 14px;
      color: #ccc;
    }
    .reject-title {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 8px;
      color: #faad14;
    }
    .reject-content {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #faad14;
    }
  }
  &-list {
    height: 100%;
    padding-bottom: 12px;
    &-title {
      font-weight: 700;
      font-size: 16px;
      color: #fff;
      padding-left: 12px;
    }
    &-content {
      font-weight: 400;
      font-size: 14px;
      color: #ccc;
      padding-top: 16px;
      overflow-y: auto;
      height: calc(100% - 30px);
      .mjor-sign-input,
      .mjor-sign-select,
      .mjor-sign-cascader,
      .mjor-sign-radio,
      .mjor-sign-checkbox {
        display: block;
        margin-bottom: 0px;
        padding: 12px 12px 12px;
        border-bottom: 1px solid #000;
        :deep(.arco-form-item-label-col) {
          line-height: normal;
          .arco-form-item-label {
            font-weight: 400;
            font-size: 14px;
            color: #ccc;
            margin-bottom: 8px;
            white-space: nowrap;
            width: 250px;
            min-width: 250px;
            text-overflow: ellipsis;
            overflow: hidden;
          }
        }
        :deep(.arco-form-item-wrapper-col) {
          width: 100%;
          .arco-textarea-wrapper,
          .arco-select-view-single {
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.7);
            border-radius: 4px;
            color: #fff;
            .arco-select-view-suffix {
              color: #fff;
            }
          }
          .arco-select-view-single:hover {
            .arco-select-view-icon {
              color: #fff;
            }
          }
          .arco-grid {
            gap: 16px 0px !important;
            // grid-template-columns: repeat(3, minmax(0px, 1fr));
            grid-template-columns: repeat(2, 50%) !important;
          }
          .arco-radio-label,
          .arco-checkbox-label {
            color: #ccc;
          }
          .arco-checkbox-group {
            width: 100%;
          }
        }
        :deep(.arco-checkbox>input[type='checkbox']:focus+.arco-checkbox-icon-hover::before){
          background-color: transparent;
        }
        :deep(.arco-checkbox-icon) {
          background-color: transparent;
          border: 1px solid #ccc;
        }
        :deep(.arco-checkbox-checked) {
          .arco-checkbox-icon {
            background-color: #67c9d5;
          }
        }
        :deep(.arco-icon-hover:hover::before) {
          background-color: transparent;
        }
        :deep(.arco-icon-hover:hover) {
          
          .arco-checkbox-icon {
            border: 1px solid #67c9d5;
          }
        }
        :deep(.arco-checkbox:hover) {
          .arco-checkbox-icon-hover::before {
            background-color: transparent;
          }
        }
      }
      .mjor-sign-input {
        :deep(.arco-form-item-wrapper-col) {
          .arco-form-item-content {
            min-height: 64px;
            .arco-textarea-wrapper {
              padding: 0;
              .arco-textarea {
                min-height: 64px;
              }
            }
          }
        }
      }
      :deep(.arco-form) {
        .arco-radio-icon {
          width: 12px;
          height: 12px;
          line-height: 12px;
          border: 1px solid rgba(255, 255, 255, 0.7);
        }
        .arco-radio-icon::after {
          background-color: transparent;
        }
        .arco-radio:hover .arco-radio-icon {
          border-color: #67c9d5;
        }
        .arco-radio:hover .arco-radio-icon-hover::before {
          background-color: transparent;
        }
        .arco-radio-checked .arco-radio-icon {
          border: 1px solid #67c9d5;
          background-color: transparent;
        }
        .arco-radio-checked .arco-radio-icon::after {
          background-color: #67c9d5;
        }
      }
    }
  }
  &-list > div {
    padding-top: 12px;
  }
}
.radio-text{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
  width: 130px;
}
// .arco-select-dropdown {
//   padding: 0;
//   border: 0;
//   background-color: #42484c;
//   .arco-select-option {
//     background-color: #42484c;
//     color: #fff;
//     font-weight: 400;
//     font-size: 14px;
//   }
//   .arco-select-option-active {
//     color: #67c9d5;
//     font-weight: 400;
//     font-size: 14px;
//     background-color: #42484c;
//   }
//   .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):hover {
//     background-color: #5c6871;
//     color: #fff;
//   }
// }